<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>MVVM</title>
	<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
	
	<div id="root">
		{{msg}}
	</div>

	<script type="text/javascript">
		// el绑定
		// 第一种
		/*
		 new Vue ({
			el:"#root",
			data:{
				msg:'dagoose',
				url:'https://www.baidu.com'
			}
		})
		*/
		// 第二种
		
		 const vm = new Vue ({
			el:"#root",
			data:{
				msg:'dagoose',
				url:'https://www.baidu.com'
			}
		})
		 vm.$mount('#root')

		//data绑定
		// 第一种
		/*
		 new Vue ({
			el:"#root",
			data:{
				msg:'dagoose',
				url:'https://www.baidu.com'
			}
		})
		*/
		// 第二种
		/*
		 new Vue ({
			el:"#root",
			data(){
				return{
					msg:'dagoose',
					url:'https://www.baidu.com',
				}

			}
		})
		*/

	</script>
</body>
</html>